Sketch按钮

2017年6月23日—製作動態按鈕需要先把按鈕拆成兩大部分:固定的左右兩邊,會自動改變大小的中間部分。整體按鈕需要在一個群組裡面,中間的部分也須將文字與背景群組(group) ...,2019年2月4日—首先我們拉出一個圓角矩形、還有文字框,擺成上圖的樣子,全選起來。點擊上方CreateSymbol,命名為OrangeButton,並將左下角的SendSymbol ...,2017年4月8日—關於本次主題.這集的主題是「打造一應萬變的神奇按鈕(MagicButton)」,你一定...

Dynamic Button

2017年6月23日 — 製作動態按鈕需要先把按鈕拆成兩大部分:固定的左右兩邊,會自動改變大小的中間部分。整體按鈕需要在一個群組裡面,中間的部分也須將文字與背景群組(group) ...

PM筆記:Sketch Symbols新手起步走. 從建立基本Symbol

2019年2月4日 — 首先我們拉出一個圓角矩形、還有文字框,擺成上圖的樣子,全選起來。 點擊上方Create Symbol,命名為Orange Button,並將左下角的Send Symbol ...

Sketch Hacks Series 01:打造一應萬變的神奇按鈕 ...

2017年4月8日 — 關於本次主題. 這集的主題是「打造一應萬變的神奇按鈕(Magic Button)」,你一定想說按鈕不就是做個方塊裡面丟個文字就搞定了嗎? · 步驟二:狀態(State).

【 Sketch 3 】命名巢狀符號建立按鈕

2020年4月4日 — 建立元件組成不同按鈕個體,利用Symbol 功能讓整體容易維護,快速又方便,Sketch 會根據名稱的斜線(/) 把所有Symbol 整理進資料夾,製造巢狀Symbol, ...

【UI筆記】如何用sketch製作動態按鈕(dynamic button)

2019年5月22日 — 2021 更新:不要再參考這篇文章了怕誤人子弟XD 用sketch內建的symbol設定就可以做動態按鈕了. 在實作專案時,放置各種按鈕以及標籤,每次都要手動更改 ...

使用sketch 改善網頁前端與設計的標註與合作方式

Sketch app 是一套Mac Only(Windows 的朋友們抱歉了:P)的向量UI mockup 設計工具,比起最常被使用的Adobe Photoshop 跟Adobe Illustrator,Sketch 它:. 來的更輕量(且 ...

實用Sketch Plugin分享(二)

2018年9月24日 — Sketch Runner讓你使用一個快捷鍵就可以快速選擇Sketch裡 ... 完美像素(Pixel Perfect)在設計時會造成讓設計看起來清不清楚以及銳利的要素,譬如說你的按鈕 ...

打造具擴展性的Sketch 元件庫. 如何製作複雜symbols

2018年12月9日 — 你給予按鈕以及icons 的顏色可能不同,譬如按鈕有三種顏色而icons 有六種。通常,只需要使用1x1 的畫布並用遮罩功能即可達成,但如果恰好按鈕跟icons ...

用更好的方法在Sketch 設計按鈕

2017年2月20日 — Sketch 的symbols 棒呆了因為他為管理元件提供了很棒的地方。按鈕是最容易創造的元件之一,但像是上面的文字區域,他會有很多狀態、顏色跟風格。